<template>
  <footer class="app-footer">
    <div class="contact">
       <!-- 版权信息 -->
        <div class="copyright">
          <p>
            <a href="javascript:;">商务合作:15267890234</a>
            <a href="javascript:;">其他合作:Chaol@qq.com</a>
            <a href="javascript:;">违法和不良信息举报电话:110</a>
          </p>
          <p>潮流共创社区</p>
        </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: 'AppFooter',
}
</script>
<style scoped lang="less">
.app-footer {
  overflow: hidden;
  background-color: #000000;
  padding-top: 10px;
  // margin-top: 10px;
  .copyright {
    height: 60px;
    padding-top: 10px;
    text-align: center;
    color: #999;
    font-size: 15px;
    p {
      line-height: 1;
      margin-bottom: 10px;
    }
    a {
      color: #999;
      line-height: 1;
      padding: 0 10px;
      border-right: 1px solid #999;
      &:last-child {
        border-right: none;
      }
    }
  }
}
</style>
